<!DOCTYPE HTML>
<html>
<head>
<meta  charset="utf-8">
<title>Позиционирование</title>
<link href="css/style_position.css" type="text/css" rel="stylesheet">
</head>
<body>

	<div id="wrapper">
		<div id="header">
		<a href="http://ruseller.com"><img src="images/button.png" width="87" height="28" id="button"></a>
		<img src="images/bird.png" id="bird">
		</div>
		<div id="content">
			<div id="operator"><a href="http://ruseller.com"><img src="images/operator.png"></a></div>
			<img src="images/new.png" width="104" height="104" id="new"> 
			<p>Aliquam lobortis sem vel pulvinar tincidunt. Suspendisse gravida nunc lorem, vitae congue lacus tempor vitae. Suspendisse vestibulum mauris ut suscipit rutrum.</p>
			<p>Lorem ipsum dolor <a href="karta_img.html" target="_blank">sit amet</a>, consectetur adipiscing elit. Cras aliquam vehicula risus, eu tincidunt orci laoreet at. Donec eu luctus risus. Vestibulum sagittis euismod tempor. Nullam varius urna erat, vitae porta massa posuere a. Morbi feugiat tristique volutpat. Ut id leo vitae risus faucibus luctus. Integer pellentesque diam nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum aliquam consequat. Donec ullamcorper pretium rhoncus. Nulla risus purus, eleifend ac augue sit amet, ornare sollicitudin massa. Fusce lectus risus, cursus vitae est quis, pellentesque commodo nulla. Mauris sit amet laoreet sem. Maecenas tincidunt aliquet tincidunt. Sed at diam suscipit, aliquam orci sed, convallis massa.</p>
			<p>Duis quis nibh id lectus lacinia pretium at vitae massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris gravida tristique nisi, sed commodo est feugiat ut. Sed a magna ut magna rhoncus tempor vel at felis. Sed convallis eget nunc sit amet bibendum. Integer pharetra dignissim viverra. Donec imperdiet, dui sed mattis aliquet, lorem justo viverra lectus, eget aliquam augue urna ac augue. Nullam sit amet bibendum augue. </p>
			<p id="test">Nulla facilisi. Aliquam eu orci iaculis, egestas est ac, pellentesque est. Donec ultrices metus eu consectetur bibendum. Nunc tincidunt nunc enim, bibendum fringilla enim laoreet eu. Proin pretium lacinia est quis malesuada. Curabitur laoreet lacinia tempus. Mauris rutrum dolor sit amet nisl dignissim, quis convallis turpis ultricies. Morbi nibh massa, tincidunt in rhoncus quis, convallis a nibh. Vestibulum feugiat velit nunc, sed suscipit tellus dapibus at. Mauris aliquam magna eget lacus ultricies, quis tempor urna condimentum. Cras congue posuere tortor, quis malesuada felis volutpat quis.</p>
			<p>Fusce vitae tempor nibh. Quisque blandit laoreet quam, sed vehicula ligula fermentum nec. Proin ac volutpat nibh, in cursus diam. Mauris tincidunt sodales aliquet. Maecenas rhoncus adipiscing nisi, sed congue felis ornare eu. Morbi ullamcorper et leo eget bibendum. Pellentesque ultrices, enim a viverra scelerisque, sem tellus convallis est, id fermentum erat erat quis elit. Aliquam ullamcorper velit nec laoreet dapibus. Cras ut nisi orci.</p>
			<p>Aenean ut dolor pretium odio ornare ultricies. Proin vitae elit felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur vehicula tempor egestas. Quisque fringilla neque in turpis suscipit, bibendum tincidunt tellus iaculis. Donec molestie libero ut odio auctor, et rhoncus mauris consequat. Praesent id lectus ultricies, molestie nisl sit amet, varius nibh. Integer auctor ut lectus ac auctor. </p>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nunc purus, gravida vitae tincidunt at, fermentum vitae metus. Sed eget diam et urna pulvinar lacinia. Nullam ac est eget justo consequat molestie sed sit amet orci. Aenean augue dui, vestibulum eu tempor in, malesuada pellentesque mi. Nulla rutrum gravida faucibus. Nunc sed velit vel dui luctus lacinia sit amet nec turpis. Ut vitae rutrum velit. In mollis ut odio eget laoreet. Mauris et libero sit amet felis tincidunt vulputate.</p>

			<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla viverra turpis vitae aliquet tempor. Phasellus pretium purus vel orci ullamcorper dignissim. Nunc vitae nibh sit amet arcu laoreet dignissim. Phasellus sit amet condimentum orci, ac laoreet dui. Aliquam adipiscing velit scelerisque, ultricies risus non, sagittis elit. Vestibulum urna nibh, condimentum hendrerit ultrices nec, pharetra ut nibh. Proin ac pretium mi. Phasellus molestie lacinia odio, ac cursus nisl interdum at. Suspendisse varius sodales turpis, in volutpat justo dignissim at. Sed at orci sit amet massa dignissim vulputate nec et diam. Nam elementum magna a purus vestibulum, quis blandit velit pellentesque. Cras vestibulum elementum sapien vitae vehicula. Nulla sed dapibus turpis.</p>
		
		
		</div>
		<div id="footer">
			<a href="form.html">Fill in information about yourself</a>
		</div>
	</div>
	
</body>
</html>